
var headerList = document.getElementsByClassName('headerList')
for(var i = 0;i < headerList.length;i++){
    headerList[i].onmousemove = function(){
        this.style.color = '#1abc9c'
    }
    headerList[i].onmouseleave = function(){
        this.style.color = '#333'
    }
}

for(var i = 0;i < 4; i++){
    titPic.innerHTML += '<li>'+
                        '<img src="../images/opp2.png">'+
                        '<p>aap推广</p>'+
                        '</li>'
}


// textDate
var textDate = [{
        imgUrl : '../images/1-1.jpg',
        tit: '11月金融行业广告投放技巧!',
        text:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量, 准备投入未来-个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于...',
        time:'50秒前',
        lookNum: '512'
    }, {
        imgUrl : '../images/1-2.jpg',
        tit: '12月金融行业广告投放技巧!',
        text:'12月大促近在眼前,各行业广告主都在紧盯有限的投放流量, 准备投入未来-个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于...',
        time:'30秒前',
        lookNum: '599'
    }, {
        imgUrl : '../images/1-3.jpg',
        tit: '12月金融行业广告投放技巧!',
        text:'12月大促近在眼前,各行业广告主都在紧盯有限的投放流量, 准备投入未来-个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于...',
        time:'30秒前',
        lookNum: '599'
    }, {
        imgUrl : '../images/1-4.jpg',
        tit: '12月金融行业广告投放技巧!',
        text:'12月大促近在眼前,各行业广告主都在紧盯有限的投放流量, 准备投入未来-个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于...',
        time:'30秒前',
        lookNum: '599'
    }, {
        imgUrl : '../images/1-5.jpg',
        tit: '12月金融行业广告投放技巧!',
        text:'12月大促近在眼前,各行业广告主都在紧盯有限的投放流量, 准备投入未来-个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于...',
        time:'30秒前',
        lookNum: '599'
    }, {
        imgUrl : '../images/1-6.jpg',
        tit: '12月金融行业广告投放技巧!',
        text:'12月大促近在眼前,各行业广告主都在紧盯有限的投放流量, 准备投入未来-个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于...',
        time:'30秒前',
        lookNum: '599'
    }, {
        imgUrl : '../images/1-7.jpg',
        tit: '12月金融行业广告投放技巧!',
        text:'12月大促近在眼前,各行业广告主都在紧盯有限的投放流量, 准备投入未来-个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于...',
        time:'30秒前',
        lookNum: '599'
    }, {
        imgUrl : '../images/1-8.jpg',
        tit: '12月金融行业广告投放技巧!',
        text:'12月大促近在眼前,各行业广告主都在紧盯有限的投放流量, 准备投入未来-个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于...',
        time:'30秒前',
        lookNum: '599'
    }, {
        imgUrl : '../images/1-9.jpg',
        tit: '12月金融行业广告投放技巧!',
        text:'12月大促近在眼前,各行业广告主都在紧盯有限的投放流量, 准备投入未来-个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于...',
        time:'30秒前',
        lookNum: '599'
    }, {
        imgUrl : '../images/1-10.jpg',
        tit: '12月金融行业广告投放技巧!',
        text:'12月大促近在眼前,各行业广告主都在紧盯有限的投放流量, 准备投入未来-个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于...',
        time:'30秒前',
        lookNum: '599'
    }, {
        imgUrl : '../images/1-11.jpg',
        tit: '12月金融行业广告投放技巧!',
        text:'12月大促近在眼前,各行业广告主都在紧盯有限的投放流量, 准备投入未来-个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于...',
        time:'30秒前',
        lookNum: '599'
    }, {
        imgUrl : '../images/1-12.jpg',
        tit: '12月金融行业广告投放技巧!',
        text:'12月大促近在眼前,各行业广告主都在紧盯有限的投放流量, 准备投入未来-个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于...',
        time:'30秒前',
        lookNum: '599'
    }, {
        imgUrl : '../images/1-13.jpg',
        tit: '12月金融行业广告投放技巧!',
        text:'12月大促近在眼前,各行业广告主都在紧盯有限的投放流量, 准备投入未来-个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于...',
        time:'30秒前',
        lookNum: '599'
    }, {
        imgUrl : '../images/1-14.jpg',
        tit: '12月金融行业广告投放技巧!',
        text:'12月大促近在眼前,各行业广告主都在紧盯有限的投放流量, 准备投入未来-个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于...',
        time:'30秒前',
        lookNum: '599'
    }, {
        imgUrl : '../images/1-15.jpg',
        tit: '12月金融行业广告投放技巧!',
        text:'12月大促近在眼前,各行业广告主都在紧盯有限的投放流量, 准备投入未来-个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于...',
        time:'30秒前',
        lookNum: '599'
    }
]
var str = ''
for(var i = 0 ; i < textDate.length;i++){
    textCont.innerHTML += '<dl>' +
        '<dt><img src="' + textDate[i].imgUrl + '"></dt>' +
        '<dd>' +
        '<h2>' + textDate[i].tit + '</h2>' +
        '<p>' + textDate[i].text + '</p>' +
        '<div>' +
        '<span>' + textDate[i].time + '</span>' +
        '<span>' + textDate[i].lookNum + '</span>' +
        '</div>' + 
        '</dd></dl>' 
}
textCont.innerHTML += '<p class="more">点击查看更多</p>'


// hotText

var hotTextDate = [{
    imgUrl : '../images/1-1.jpg',
    text : '金融行业如何在买量大腾挪,以合适的成本争到足量曝光?',
    time : '2017年6月5日'
},{
    imgUrl : '../images/1-8.jpg',
    text : '金融行业如何在挪,以合适的成本争取到足量曝光?',
    time : '2017年6月5日'
},{
    imgUrl : '../images/1-4.jpg',
    text : '金融行业如何在,以合适的成本争取到足量曝光?',
    time : '2017年6月5日'
},
]

for(var i = 0 ; i < hotTextDate.length;i++){
    hotText.innerHTML += '<dl>' +
        '<dt><img src="' + hotTextDate[i].imgUrl + '"></dt>' +
        '<dd><p>' + hotTextDate[i].text + '</p>'+ 
        '<span>' + hotTextDate[i].time +'</span>'
        '</dd></dl>' 
}